.banBox{position: relative;overflow: hidden;width: 100%;}
.banMark{z-index: 10; position: absolute;background: rgba(36,119,219,0.85);width: 50%;height: 100%;top: 0;right: 0;}
.banMark>div{left: -178px;border: 3px solid #fff;font-size: 0;padding: 80px 75px 80px 0;}
.banner img{width: 100%;height: auto;}
.banBox .swiper-pagination{z-index: 11;left: 50%;bottom: 25px;transform: translateX(-50%);}
.banBox .swiper-pagination span{background: rgba(255,255,255,0.8);opacity: 1;width: 10px;height: 10px;margin: 0 8px;position: relative;}
.banBox .swiper-pagination span:after{content: '';display: block;width: 14px;height: 14px;border: 1px solid #7CBBE8;opacity: 0;border-radius: 50%;position: absolute; top: 50%;left: 50%;margin: -8px 0 0 -8px;}
.banBox .swiper-pagination .swiper-pagination-bullet-active{background: #2791F0;}
.banBox .swiper-pagination .swiper-pagination-bullet-active:after{opacity: 1;}
.banMark>div figure{width: 100px;text-align: center;margin-right:60px; padding-left:50px;}
.banMark>div figure img{ width:100%;}
.banMark b{font-size: 30px;color: #fff;font-weight: normal;}
.banMark h3{color: #fff;font-size: 40px;font-weight: normal;padding: 7px 0;margin: 10px 0;border-top: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);}
.banMark h3 span{display: block;font-size: 10px;color: #fff;letter-spacing: 3px;}
.banMark p{font-size: 24px;color: #fff;}
.aboutLeft{width: 50%;}
.aboutRight{ width:45%; background:url(../images/index_03.jpg) right top no-repeat;}
.aboutRight figure{ margin:170px 100px 0 0; border:10px solid #fff;}
.inAbout{padding: 100px 0;}
.title h3{font-size: 30px;font-weight: normal;}
.title p{color: #777;font-family: arial;text-transform: uppercase;}
.title .line{width: 28px;background: #005bac;height: 3px;display: block;margin: 25px 0 30px;}
.aboutLeft h4{font-size: 14px;color: #524e4f;font-weight: normal;}
.aboutLeft h4 span{color: #999999;font-size: 12px;}
.aboutLeft>p{color: #666;line-height: 28px;margin-top: 30px;}
.wap_c{ display:none;}
.more{width: 140px;line-height: 35px;border: 1px solid #444;text-align: center;border-radius: 30px;display: block;}
.more b{font-weight: normal;font-size: 13px;}
.more:hover b, .more:hover span{color: #005bac;}
.more:hover{border-color: #005bac;}
.aboutLeft .more{margin-top: 60px;}

.aboutRight .IndexList{width: 220px;margin-left: 94px;text-align: center;}
.IndexList em{display: inline-block;height: 40px;overflow: hidden;}
.IndexList em .Txt{font-size: 40px;font-family: "times new roman";color: #524e4f;font-style: normal;}
.IndexList span{display: block;color: #524e4f;margin-top: 30px;position: relative;}
.IndexList span:after{position: absolute;content: '';display: block;width: 40px;height: 1px;background: #dedede;top: -15px;left: 50%;margin-left: -20px;}
.IndexList li{padding: 40px 0;border-top: 1px solid #dedede;}
.IndexList li:last-child{border-bottom: 1px solid #dedede;}
.NumContent>div{display: inline-block;}
.IndexList li:nth-child(2) .Txt{color: #0087e5;}

.IndexList b{display: block;margin: 0 auto 0;text-align: center;}
.NumContent>div>div{font-style: normal;}


.top3 { margin-top:50px;
    width: 100%;
    overflow: hidden;
    float: left;
    position: relative;
}
.item {
    margin: 0 200px;
    
}
.item img{box-shadow: -34px 0px 33px rgba(25,25,25,0.42);}
.item h4{ line-height:40px; height:40px; font-size:18px; color:#2477db;}
.item  h4 span{ font-size:14px; color:#ffa200;}
.top3 .owl-controls {
    display: none !important;
}	

.top3 .iconfont{
	width:50px;
	height:50px; line-height:50px; text-align:center;
	position:absolute;
	z-index:99;
	cursor:pointer; color:#005ca4;
	border:3px solid #005ca4;
	border-radius:50%;font-size:30px !important;top: 50%;
}
.youce{left: 20%;}		
.zuoce{right:20%;}



.title2{text-align: center; margin-bottom:50px;}
.title2 h3{font-size: 30px;font-weight: normal;margin-bottom: 5px; color:#000;}
.title2 p span{width: 22px;background: #d4d4d4;margin: 0 12px;height: 1px;}
.inPro{ float:left; width:100%; padding:70px 0;background: url(../images/inbg_02.jpg) no-repeat center top;}
.inGood{ float:left; width:100%;background: #fff; padding-bottom:100px;}
.inGood ul{margin-top: 65px;}
.inGood ul li{width: 32%;margin-right: 2%;margin-bottom: 20px;position: relative;border-radius: 4px;overflow: hidden;}
.inGood ul li img{width: 100%;}
.inGood ul li:nth-child(3n){margin-right: 0;}

.inGood ul li div{z-index: 2;position: absolute;left: 0%; width:100%; text-align:center;top: 50%;transform: translate(0%,-50%);-webkit-transform: translate(0%,-50%);-moz-transform: translate(0%,-50%);-o-transform: translate(0%,-50%);}
.inGood ul li div p{font-size: 20px;color: #fff;letter-spacing: 5px;line-height: 40px;width: 100%;text-align: center;}
.inGood ul li:after{z-index: 1;position: absolute;content: '';display: block;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.3);}
.inGood ul li i{font-size: 67px;display: none;margin: 0 auto 35px;text-align: center;color: #fff;}
.inGood ul li:hover:after{background: #0087e5;}
.inGood ul li:hover i{display: block;}
.tenKh{position: relative;padding-bottom: 80px;overflow: hidden;width: 100%;}
.tenKh .swiper-container{width: calc(100% + 1px);}
.tenKh .swiper-slide{font-size: 0;}
.tenKh .swiper-slide a{line-height: 135px;text-align: center;border-right: 1px solid #EFEFEF;border-bottom: 1px solid #EFEFEF;display: inline-block;vertical-align: top;width: 25%;box-sizing: border-box;}
.tenKh .swiper-slide a:nth-child(9), .tenKh .swiper-slide a:nth-child(10), .tenKh .swiper-slide a:nth-child(11), .tenKh .swiper-slide a:nth-child(12){border-bottom: none;}
.tenKh .swiper-slide a:nth-child(4n){border-right: none;}
.tenKh .swiper-slide a:last-child{border-right: none;}
.tenKh .swiper-slide:last-child a:nth-last-child(1), .tenKh .swiper-slide:last-child a:nth-last-child(2), .tenKh .swiper-slide:last-child a:nth-last-child(3){border-bottom: none;}
.tenKh img{max-width: 90%;height: auto;max-height: 95%;}
.inKh{padding: 100px 0 45px;background: #ffffff;}
.inKh .swiper-pagination{font-size: 20px;color: #CECECE;}
.inKh .swiper-pagination span{font-size: 20px;}
.inKh .swiper-button-next, .inKh .swiper-button-prev{width: 40px;height: 40px;text-align: center;background: transparent;line-height: 40px;}
.inKh .swiper-button-next i, .inKh .swiper-button-prev i{display: block; width: 100%;height: 100%;font-size: 25px;}
.inKh .swiper-button-next i:hover, .inKh .swiper-button-prev i:hover{color: #007AFF;}
.inKh .swiper-button-next, .inKh .swiper-button-prev{top: auto;bottom: 0;margin-top: 0;}
.inKh .swiper-button-next{right: 510px;}
.inKh .swiper-button-prev{left: 510px;}
#bannerBar{position: relative;}
#bannerBar div{overflow: hidden;height: 510px;}
#bannerBar ul{position: relative;height: 500px;perspective: 800px;perspective-origin: center;transform-style: preserve-3d;}
#bannerBar ul li{width: 546px; position: absolute;z-index: -1;top: 50%; left: 50%;transform: translate3d(-50%,-50%,-30px); border: 6px solid #fff;border-radius: 5px;box-shadow: 0 0 10px 0 #F1F1F1;}
#bannerBar ul li a{ float:left; width:100%;}
#bannerBar ul li a img{display: block;width: 100%;height: auto;}
#bannerBar li span{position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;background: rgba(15,22,56,0.5);}
#bannerBar ul li.active{z-index: 3;width: 926px; left: 50%;top: 0; transform: translate3d(-50%,0,0);}
#bannerBar ul li.active img{height: 100%;}
#bannerBar ul li.active span{height: 0;}
#bannerBar ul li.next, #bannerBar ul li.prev{z-index: 1;width: 546px;top: 50%; transform: translate3d(0,-50%,0px);}
#bannerBar ul li.next{left: 53%;}
#bannerBar ul li.prev{left: 0;}
#bannerBar ul li, #bannerBar ul li img, #bannerBar ul li span, #bannerBar ol li, #bannerBar ol li:after{
	transition:all .8s ease-in-out 0s;
  -webkit-transition:all .8s ease-in-out 0s;
   -moz-transition:all .8s ease-in-out 0s;
  -ms-transition:all .8s ease-in-out 0s;
  -o-transition:all .8s ease-in-out 0s;
}
#bannerBar i{
	z-index: 99; width: 50px;height: 50px;text-align: center;font-size: 30px; line-height: 50px;
	display: block;position: absolute;top: 50%;margin-top: -15px; border:3px solid #666; border-radius:50%;
}
#bannerBar i:hover{color: #007AFF;border:3px solid #007AFF;}
#bannerBar .prev1{left: -100px;}
#bannerBar .next1{right: -100px;}
#bannerBar ol{margin-top: 70px;text-align: center;}
#bannerBar ol li{width: 8px;height: 8px;border-radius: 50%;background: #999999;position: relative;margin: 0 6px;}
#bannerBar ol li:after{opacity: 0; position: absolute;content: '';display: block;width: 10px;height: 10px;border-radius: 50%;border: 1px solid #9BCCEA;top: 50%;left: 50%;margin: -6px 0 0 -6px;}
#bannerBar ol li:hover:after, #bannerBar ol li.active:after{opacity: 1;}
#bannerBar ol li:hover, #bannerBar ol li.active{background: #3C97D5;}
.psBan{position: absolute;z-index: -1;top: 0;}
.inPro .divBox{position: relative;}


.aboutLeft .title h3, .aboutLeft .title p, .aboutLeft .title .line, .aboutLeft h4, .aboutLeft>p,
.aboutLeft .more, .inCaseTop{transform: translateX(-100px);opacity: 0;}
.IndexList{transform: translateX(100px);opacity: 0;}
.inCaseBan, .title2 h3, .title2 p, #bannerBar, .inGood ul li, .tenKh{transform: translateY(100px);opacity: 0;}
.linkBox li h3, .linkBox li p, footer article ul, footer article aside{transform: translateY(30px);opacity: 0;}

.inAbout .divBox.active .aboutLeft .title h3, .inAbout .divBox.active .aboutLeft .title p,
.inAbout .divBox.active .aboutLeft .title .line, .inAbout .divBox.active .aboutLeft h4,
.inAbout .divBox.active .aboutLeft>p, .inAbout .divBox.active .aboutLeft .more,
.inAbout .divBox.active .IndexList, .inCase .inCaseTop.active{transform: translateX(0);opacity: 1;}
.xinwen .title2 h3.active, .xinwen .title2 p.active, .top3 .title2 h3.active, .top3 .title2 p.active, .inCase .inCaseBan.active, .inCase .title2 h3.active, .inCase .title2 p.active,
.inPro .title2 h3.active, .inPro .title2 p.active, .inPro #bannerBar.active,
.inGood .title2 h3.active, .inGood .title2 p.active, .inGood ul.active li,
.inKh .title2 h3.active, .inKh .title2 p.active, .inKh .tenKh.active,
footer .linkBox.active li h3, footer .linkBox.active li p, footer article.active ul,
footer article.active aside{transform: translateY(0);opacity: 1;}

.inAbout .divBox.active .aboutLeft .title h3, .inCaseTop, .title2 h3, .linkBox li h3, .linkBox li p:nth-of-type(1), footer article ul{transition: all 0.7s ease-in-out 0s;}
.inAbout .divBox.active .aboutLeft .title p, .inCaseBan, .title2 p, .linkBox li p:nth-of-type(2), footer article aside{transition: all 0.7s ease-in-out 0.3s;}
.inAbout .divBox.active .aboutLeft .title .line, #bannerBar, .inGood ul li:nth-child(1), .tenKh, .linkBox li p:nth-of-type(3){transition: all 0.7s ease-in-out 0.6s;}
.inAbout .divBox.active .aboutLeft h4, .inGood ul li:nth-child(2), .linkBox li p:nth-of-type(4){transition: all 0.7s ease-in-out 0.9s;}
.inAbout .divBox.active .aboutLeft>p:nth-of-type(1), .inGood ul li:nth-child(3), .linkBox li p:nth-of-type(5){transition: all 0.7s ease-in-out 1.2s;}
.inAbout .divBox.active .aboutLeft>p:nth-of-type(2), .inGood ul li:nth-child(4), .linkBox li p:nth-of-type(6){transition: all 0.7s ease-in-out 1.5s;}
.inAbout .divBox.active .aboutLeft>p:nth-of-type(3){transition: all 0.7s ease-in-out 1.8s;}
.inAbout .divBox.active .aboutLeft .more, .inGood ul li:nth-child(5), .linkBox li p:nth-of-type(7){transition: all 0.7s ease-in-out 1.8s;}


.inGood ul li:nth-child(6), .linkBox li p:nth-of-type(8){transition: all 0.7s ease-in-out 2.1s;}


/* 新闻代码开始*/
.xinwen{
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
	z-index:1;
	margin:100px 0;
}
				
				
.xinwen1{
	 width: 100%;
    float: left;
    text-align: center;
      color: #111;
    font-size: 24px;
    position: relative;
	margin-bottom:80px;
}
				
				
.xinwen1 p {
    display: inline-block;
    height: 1px;
    width: 30px;
    background-color: #222222;
    bottom: -20px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
}


.xinwen2{
	float:left;
	width:100%; 
	padding-bottom:30px;
	position:relative;
}

	
.nes1 {
    width:20%;
    display: inline-block;
    height:100%;
    position: absolute;
    z-index: 99;
    left:0px;
    top: 0;
	background-color:rgba(242,242,240,0.72);

  
}

.nes1 p{
		display:inline-block;
		height:48px;
		width:26px;
		margin-left:45%;
		cursor:pointer;
		margin-top:79px;
		background-image:url(../images/g4.png);
		}
		
.nes1:hover p{background-image:url(../images/g3.png);}
				
				
				
.nes2 {
    width:20%;
    display: inline-block;
    height:100%;
    position: absolute;
    z-index: 99;
    right:0px;
    top: 0;
	text-align:right;
	background-color:rgba(242,242,240,0.72);

  
}

.nes2 p{
		display:inline-block;
		height:48px;
		width:26px;
		margin-right:45%;
		cursor:pointer;
		margin-top:79px;
		background-image:url(../images/g2.png);
		}
		
.nes2:hover p{background-image:url(../images/g1.png);}
	
.xinwen2 .swiper-slide{
	float:left;
	width:-webkit-calc(20% - 20px); margin-left:10px;
	width:-moz-calc(20% - 20px); 
	width:calc(20% - 20px);  
}
		
.xinwen2 .swiper-slide:hover{}
.lie1{
	float:left;
	width:100%;
	position:relative;
}
			
.lie1 img{width:100%;}			
			
.layer {
	position:absolute;top:0px;right:0px;bottom:0px;left:0px;
	z-index:1;
	transition:all 0.6s ease-in-out;
	-webkit-transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-ms-transition:all 0.6s ease-in-out;
	-o-transition:all 0.6s ease-in-out;
}

.xinwen2 .swiper-slide:hover .layer{
	box-shadow:inset 0px 0px 120px rgba(0, 0, 0, 0.9);
	-moz-box-shadow:inset 0px 0px 120px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow:inset 0px 0px 120px rgba(0, 0, 0, 0.9)
}
		
.lie1 img{width:100%;height:auto;}
.lie2{width:100%;line-height:25px;float:left;}
			
.lie2 p{
	width:100%;
	float:left; font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
	color:#333; 
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition:all 0.6s ease-in-out;
	-webkit-transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-ms-transition:all 0.6s ease-in-out;
	-o-transition:all 0.6s ease-in-out;
}
				
						
.lie2 span{
	width:100%;
	float:left;
	padding-left:5px;box-sizing:border-box;
	color:#bdbdbd; background:url(../images/time.png) left center no-repeat; padding-left:16px;
	transition:all 0.6s ease-in-out;
	-webkit-transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-ms-transition:all 0.6s ease-in-out;
	-o-transition:all 0.6s ease-in-out;
}
	
	
.xinwen2 .swiper-slide:hover .lie2 p,.xinwen2 .swiper-slide:hover .lie2 span{color: #383131!important;}
	

.xinwen3{text-align:center;width:100%;margin-top:50px;float:left;}

.xinwen3-1{display:inline-block;}
.xinwen3-1 p{display:inline-block;width:140px;float:left;margin-top:12px;height:1px;background-color:#888888;margin-right:15px;}
					
.xinwen3-1 span{display:inline-block;float:left;line-height:25px;}
					
.xinwen3-1 span a{color:#888888;} 
						
.xinwen3-1 span a:hover{color:#f3960f;}
								
								
								
								
								
								

			
				
				
				
				
				

@media only screen and (max-width:1400px){	

	.xinwen {margin: 50px 0;}
	.item{ margin:0 150px;}
	.nes1 {width: 80px;}
	.nes2 {width: 80px;}
}
@media only screen and (max-width:1366px){	
	.banMark>div{padding: 50px 25px 50px 0;}
	#bannerBar .prev1{left: -55px;}
	#bannerBar .next1{right: -55px;}
}
@media only screen and (max-width:1280px){	
	.banMark>div{left: -150px;padding: 30px 10px 30px 0;}
	.banMark>div figure {margin-right: 30px; padding-left: 30px;}
	.youce {left: 18%;}
	.zuoce {right: 18%;}
	
	.item{margin:0 60px;}
	.nes1 {width: 80px;}
	.nes2 {width: 80px;}
	.inGood ul li div p { letter-spacing:2px;}
	#bannerBar ul li.prev {left:5%;}
	#bannerBar ul li.next {left: 58%;}
	#bannerBar ul li.active {width: 60%;}
	#bannerBar ul li.next, #bannerBar ul li.prev {
		width: 35%;
		top: 30%;
		transform: translate3d(0,-35%,0px);
	}
	#bannerBar i { top: 35%;}
	#bannerBar .prev1{left: -5px;}
	#bannerBar .next1{right: -5px;}
	
}

@media only screen and (max-width:1199px){
	.aboutRight{ background:none;}
	.aboutRight figure {
		margin:0;
		border: 10px solid #fff;
	}
	.item{margin:0 60px;}
	.nes1 {width: 80px;}
	.nes2 {width: 80px;}
	
	.xinwen2 .swiper-slide{
		margin-left:10px;
		width:-webkit-calc(33.333% - 20px); 
		width:-moz-calc(33.333% - 20px); 
		width:calc(33.333% - 20px);
	}
	
	.inGood ul{margin-top: 30px;}
	.inGood ul li{width: 46%;margin-right: 2%; margin-left:2%;}
	.inGood ul li:nth-child(3n) {margin-right:2%;}
	.inGood ul li i{font-size: 40px;margin-bottom: 20px;}
	.inGood ul li div p{font-size: 18px;}
	
}		

@media only screen and (max-width:991px){
	.item{ margin:0 60px;}
	.zuoce{right:7%;}
	.youce{left:7%;}	
	.inGood ul li{width: 46%;}
	.nes1 {width: 80px;}	
	.nes2 { width: 80px;}
	.xinwen { margin: 20px 0 0 0;}
	.xinwen2 .swiper-slide{
		width:-webkit-calc(50% - 20px);
		width:-moz-calc(50% - 20px); 
		width:calc(50% - 20px);  
	}
	.lie2 p{ text-align:center;}
	.lie2 span{ text-align:center;background:url(../images/time.png) 42% center no-repeat; }
}

@media only screen and (max-width:767px){
	.wap-none{ display:none;}
	.wap_c{ display:block; width:100%;}
	.xinwen2 {height:auto;}													
	.xinwen2 .swiper-slide {width: calc(100% - 20px);height:auto;}
	.top3 .iconfont{ display:none;}
	.item{margin:0 30px;}
	.zuoce{right:10px;}
	.youce{left:10px;}
	.lie2 p{ text-align:left;}
	.lie2 span{ text-align:left;background:url(../images/time.png) left center no-repeat;
}

@media only screen and (max-width:639px){
	.item  h4{ text-align:center;}
	.item  h4 span{ display:none;}
	.banBox .swiper-pagination { bottom: 10px;}
	.inGood ul li div p {
    font-size: 14px; line-height:32px;
}
}


@media (max-width:499px){
	.nes1 {display:none;}
	.nes2 {display:none;}
}



@media only screen and (max-width:399px){
	.item{ margin:0 20px;}
}